Pular para o conteúdo principal

Fontes e ícones

É proibido vincular fontes e ícones por meio de links externos, pelas tags <script>, <link>, <img>, etc.

Todos os arquivos de fontes e ícones devem ser distribuídos ou por pacotes, ou por arquivos locais ou por meio de um repositório na organização do CACiC, com distribuição via CDN.

A única exceção é para emojis.

Fontes​

As fontes devem ser distribuídas somente por meio de arquivos .woff2 ou com formato mais eficiente.

Distribuir apenas os estilos e os pesos de fontes necessários para o projeto.

Ícones​

O pacote de ícones do projeto é o Ionicons.

Caso um ícone não esteja disponível, considere encontrar um ícone alternativo no próprio Ionicons.

Em último caso, inclua o ícone no projeto por meio da pasta assets, mas não se esqueça de otimizá-lo e de creditar o autor na página de licenças.
Confira a licença do ícone antes de utilizá-lo!

Fontes de ícones​

É proibido usar fontes de ícones.

Os ícones ficam embaçados por conta da aplicação de anti-aliasing em fontes.
A fonte ocupa um espaço significativamente maior do que arquivos SVG.

Exemplo:

<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

Por necessitar da fonte com todos os ícones, um único ícone Material Symbols Outlined gerará um impacto de 3 MB, enquanto o mesmo ícone avulso em SVG possui 193 bytes de tamanho.

Emoji​

Twemoji distribuído pelo jsDelivr.